﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DojoIndex.aspx.cs" Inherits="iSun.Web.DojoIndex" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>iSun System</title>
    <script>
        var startTime = new Date();
	</script>
    <!-- required: a default theme -->
    <link rel="stylesheet" href="dojo-release-1.7.2-src/dojo/resources/dojo.css" />
    <link rel="stylesheet" href="dojo-release-1.7.2-src/dijit/themes/claro/claro.css" />

    <style type="text/css">
        html, body
        {
            height: 100%;
            width: 100%;
            padding: 0;
            border: 0;
        }
        #main
        {
            height: 100%;
            width: 100%;
            border: 0;
            top: 0px;
            bottom: 0;
            left: 0;
            right: 0;
        }
        #header
        {
            margin: 0;
        }
        #leftAccordion
        {
            width: 180px;
        }
        #bottomTabs
        {
            height: 40%;
        }
        #hs-1width
        {
            width: 400px;
            height: 40px;
        }
        /* pre-loader specific stuff to prevent unsightly flash of unstyled content */
        #loader
        {
            padding: 0;
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #ededed;
            z-index: 999;
            vertical-align: middle;
        }
        
        #avater
        {
            width:120px;
            height:72px;
            padding: 0;
            margin-right: 0;
            margin-top: 0;
            position: absolute;
            top: 0;
            right: 0;
            background: #ededed;
            z-index: 1000;
            vertical-align: middle;
        }
        #loaderInner
        {
            padding: 5px;
            position: relative;
            left: 0;
            top: 0;
            width: 175px;
            background: #3c3;
            color: #fff;
        }
        #indTestBar, #setTestBar
        {
            width: 400px;
        }
        hr.spacer
        {
            border: 0;
            background-color: #ededed;
            width: 80%;
            height: 1px;
        }
        .dijitTabPane
        {
            padding:-5px;
            
        }
        dijitTabPane
        {
            margin:-5px;
            padding:0px;
        }
        dijitTabPaneWrapper
        {
            padding:0px;
            margin:-5px;
        }
        #dialogContent #TContent
        {
             padding-top:5px;
        }
        
        #dialogContent
        {
            padding:0px;
            margin:0px;
        }
        .dijitAccordionContainer-child 
        {
           
        }
        .dijitAccordionContainer-dijitContentPane
        {
             padding:2px;
        }
        .dijitDialogPaneActionBar
        {
            height:25px;
        }
        #header
        {
            margin:-5px -5px 0px -5px;
            padding:0px;
        }
    </style>
    <!-- a check for stray globals: not needed! -->
    <script type="text/javascript">
        window.__globalList = { dojo: true, dijit: true, dojox: true, dojoConfig: true };
        for (var i in window) {
            window.__globalList[i] = true;
        }

        
    </script>
    <!-- required: dojo.js -->
    <script type="text/javascript" src="dojo-release-1.7.2-src/dojo/dojo.js" data-dojo-config="parseOnLoad: false, async:true"></script>
    <!-- only needed for alternate theme testing: -->
    <%--<script type="text/javascript" src="dojo-release-1.7.2-src/tests/_testCommon.js"></script>--%>
    <script type="text/javascript">
        var _addTabPage;
        //dojo
        require(["dojo/parser", "dijit/layout/TabContainer", "dijit/layout/ContentPane"]);
        require([
			"dojo",
        //"dojo/store",
			"dijit/dijit", "dijit/Dialog",
			"dijit/dijit-all",
			"dojo/parser",
			"dojo/date/locale",
			"dojo/data/ItemFileReadStore", //读缓存对象
            "dojo/data/ItemFileWriteStore", //写缓存对象
			"dojo/dnd/Source"], function (dojo, dijit, Dialog) {
			    // various function ripped out of inline script type=dojo/* blocks

			    _content = "<div id=\"dialogContent\"><div id=\"toolbar\"></div><div id=\"TContent\"><iframe id=\"TEdit\" src=\"Forms\\myForm.aspx?entity={0}&id={1}\" width=\"100%\" height=\"100%\" frameborder=0 ></iframe></div><div class=\"dijitDialogPaneActionBar\"><button dojoType=\"dijit.form.Button\" type=\"button\" id=\"btnSave\" onClick=\"onSave();\">保存</button><button dojoType=\"dijit.form.Button\" type=\"button\" id=\"btnOK\"  onClick=\"onSave();\">确定</button><button dojoType=\"dijit.form.Button\" type=\"button\" onClick=\"myDialog.onCancel();\" id=\"btnCancel\">退出</button></div></div>";

			    _D = Dialog;
			    showD = function (app, width, height, title,id,options) {
			        //alert(app);
			        if (typeof (myDialog) == "undefined") {
			            myDialog = new _D({
			                title: "数据编辑",
			                content: _content.replace("{0}", app).replace("{1}",id),
			                style: "width:700px;height:500px",
			                resizeable: true
			            });
			            require(["dojo/ready", "dijit/Toolbar", "dijit/form/Button", "dojo/_base/array"], function (ready, Toolbar, Button, array) {
			                //ready(function () {
			                var toolbar = new Toolbar({}, "toolbar");
			                array.forEach(["Save/保存", "SaveAndAdd/保存并新增", "SaveAndCancel/保存并退出"], function (label) {
			                    var button = new Button({
			                        // note: should always specify a label, for accessibility reasons.
			                        // Just set showLabel=false if you don't want it to be displayed normally
			                        label: label.split("/")[1],
			                        showLabel: true,
			                        onClick: function () {
			                            if (typeof (fnCommonBtnFn) ==
"function") { fnCommonBtnFn(label.split("/")[0]); }
			                            //alert(label.split("/")[1]); 
			                        },
			                        iconClass: "dijitEditorIcon dijitEditorIcon" + label.split("/")[0]
			                    });
			                    //debugger
			                    toolbar.addChild(button);
			                });
			                //});
			            });
			            dojo.parser.parse(document.getElementById("dialogContent"));
			        }
			        else {
			            document.getElementById("TEdit").src = "Forms\\myForm.aspx?entity=" + app+"&id="+id;
			        }
			        myDialog.set('title', title);
			        myDialog.set("dimensions", [width, height]);
			        dojo.style('dijit_Dialog_0', 'width', width + "px");
			        dojo.style('dijit_Dialog_0', 'height', height + 'px');
			        dojo.style('TContent', 'width', (width - 10) + "px");
			        dojo.style('TContent', 'height', (height - 110) + 'px');
			        myDialog._layout(); // starts the resize
			        myDialog.resize();

			        myDialog.startup();
			        //debugger
			        myDialog.show();
			    }


			    //弹出查询窗口
			    showQueryWindow = function () {
			        if (typeof (qDialog) == "undefined") {
			            qDialog = new _D({
			                title: "My Dialog",
			                content: "<iframe id='QueryWindow' src='Dialog/QueryForm.aspx?entity=SysRole' frameboder=0 width='100%' height='100%'></iframe>",
			                style: "width: 300px"
			            });
			            qDialog.show();
			        } 
			    }
			    showD3 = function () {
			        myDialog = new _D({
			            title: "My Dialog",
			            content: "<iframe src='Extend/AutoLoadForm.aspx?entity=hrEmployee' frameborder=0 width='100%' height='100%'></iframe>",
			            style: "width: 300px"
			        });
			        myDialog.show();
			    }

			    showDialog = function () {
			        var dlg = dijit.byId('dialog1');
			        //debugger
			        dlg.href = "http://www.china.com";
			        dlg.show();
			        // avoid (trying to) restore focus to a closed menu, go to MenuBar instead
			        dlg._savedFocus = dojo.byId("header");
			    };

			    showDialogAb = function () {
			        var dlg = dijit.byId('dialogAB');
			        debugger
			        dlg.show();
			        // avoid (trying to) restore focus to a closed menu, go to MenuBar instead
			        dlg._savedFocus = dojo.byId("header");
			    };
			    //保存
			    onSave = function () {
			        //alert("");
			        var editwindow = document.getElementById("TEdit"); // dijit.byId("");
			        if (editwindow) {
			            editwindow.contentWindow.onSave();
			        }
			    }

			    //var setTextBoxPadding;
			    // current setting (if there is one) to override theme default padding on TextBox based widgets
			    var currentInputPadding = "";

			    setTextBoxPadding = function () {
			        // summary:
			        //		Handler for when a MenuItem is clicked to set non-default padding for
			        //		TextBox widgets

			        // Effectively ignore clicks on the	 currently checked MenuItem
			        if (!this.get("checked")) {
			            this.set("checked", true);
			        }

			        // val will be "theme default", "0px", "1px", ..., "5px"
			        var val = this.get("label");

			        // Set class on body to get requested padding, and remove any previously set class
			        if (currentInputPadding) {
			            dojo.removeClass(dojo.body(), currentInputPadding);
			            currentInputPadding = "";
			        }
			        if (val != "theme default") {
			            currentInputPadding = "inputPadding" + val.replace("px", "");
			            dojo.addClass(dojo.body(), currentInputPadding);
			        }

			        // Clear previously checked MenuItem (radio-button effect).
			        dojo.forEach(this.getParent().getChildren(), function (mi) {
			            if (mi != this) {
			                mi.set("checked", false);
			            }
			        }, this);
			    };

			    logStrayGlobals = function () {
			        // summary:
			        //		Print all the global variables that we've created [by mistake] inside of dojo
			        var strayGlobals = [];
			        for (var i in window) {
			            if (!window.__globalList[i]) {
			                strayGlobals.push(i);
			            }
			        }
			        if (strayGlobals.length) {
			            console.warn("Stray globals: " + strayGlobals.join(", "));
			        }
			    };

			    logWidgets = function () {
			        // summary:
			        //		Print all the widgets to console
			        console.log("Widgets in registry:");
			        dijit.registry.forEach(function (w) {
			            console.log(w);
			        });
			    };

			    tearDown = function () {
			        // summary:
			        //		Destroy all widgets, top down, and then check for any orphaned widgets
			        dijit._destroyAll();
			        logWidgets();
			    };

			    function initTree() {
			        var treeStore = new dojo.data.ItemFileWriteStore({ data:
                     {
                         identifier: 'id',
                         label: 'name',
                         items: [
                           { id: 1, name: 'Dijit Tree API', url: 'http://dojotoolkit.org/api/1.6/dijit.Tree', root: true,
                               children: [{ _reference: 2 }, { _reference: 3 }, { _reference: 4 }, { _reference: 5}]
                           },
                           { id: 2, name: '中华网', url: 'http://www.china.com' },
                           { id: 3, name: '凤岗网', url: 'http://www.ifeng.com' },
                           { id: 5, name: '主页', url: 'dojoindex.aspx' },
                           { id: 4, name: 'Dijit Tree.TreeStoreModel API', url: 'http://dojotoolkit.org/api/1.6/dijit.tree.TreeStoreModel' },
                        ]
                     }
			        });

			        //treeStore = new dojo.data.ItemFileWriteStore({ data: _data });
			        var treeModel = new dijit.tree.ForestStoreModel({
			            store: treeStore,
			            query: { root: true }
			        });

			        var navTree = new dijit.Tree({ model: treeModel, showRoot: false }, "navTree")

			        navTree.onClick = function (item) {
			            /* load the url from datastore */
			            //location.href = item.url;
			            addTabPane(item.url, item.name, '0.2');
			        };
			    }
			    dojo.ready(initTree);

			    dojo.ready(function () {
			        var loadCompleteTime = +new Date();
			        console.log("Total load time: " + (loadCompleteTime - startTime) + "ms");
			        dojo.parser.parse(dojo.byId('container'));
			        console.info("Total parse time: " + (+new Date() - loadCompleteTime) + "ms");

			        dojo.byId('loaderInner').innerHTML += " done.";
			        setTimeout(function hideLoader() {
			            dojo.fadeOut({
			                node: 'loader',
			                duration: 500,
			                onEnd: function (n) {
			                    n.style.display = "none";
			                }
			            }).play();
			        }, 250);

			        logStrayGlobals();

			        // Fill in menu/links to get to other themes.		
			        // availableThemes[] is just a list of 'official' dijit themes, you can use ?theme=String
			        // for 'un-supported' themes, too. (eg: yours)
			        var availableThemes = [
						{ theme: "claro", author: "Dojo", baseUri: "../themes/" },
						{ theme: "tundra", author: "Dojo", baseUri: "../themes/" },
						{ theme: "soria", author: "nikolai", baseUri: "../themes/soria/" },
						{ theme: "nihilo", author: "nikolai", baseUri: "../themes/nihilo/" }
					];

			        var tmpString = '';
			        dojo.forEach(availableThemes, function (theme) {
			            tmpString +=
							'<a href="?theme=' + theme.theme + '">' + theme.theme + '</' + 'a> (' +
							'<a href="?theme=' + theme.theme + '&dir=rtl">RTL</' + 'a> ' +
							'<a href="?theme=' + theme.theme + '&a11y=true">high-contrast</' + 'a> ' +
							'<a href="?theme=' + theme.theme + '&dir=rtl&a11y=true">RTL+high-contrast</' + 'a> )' +
							' - by: ' + theme.author + ' <br>';
			            //			            dijit.byId('themeMenu').addChild(new dijit.MenuItem({
			            //			                label: theme.theme,
			            //			                onClick: function () { location.search = "?theme=" + theme.theme; }
			            //			            }))
			        });
			        //dojo.byId('themeData').innerHTML = tmpString;

			    });

			    dojo.ready(function () {
			        // It's the server's responsibility to localize the date displayed in the (non-edit) version of an InlineEditBox,
			        // but since we don't have a server we'll hack it in the client
			        //dijit.byId("backgroundArea").set('value', dojo.date.locale.format(new Date(2005, 11, 30), { selector: 'date' }));

			        // var nineAm = new Date(0);
			        //nineAm.setHours(9);
			        //dijit.byId("timePicker").set('value', dojo.date.locale.format(nineAm, { selector: 'time' }));
			    });

			    //增加TabPage
			    addTabPane = function (page, title, version) {
			        var p = dijit.byId("topTabs");
			        var url = page;
			        //var title = page.split("/").join(".");

			        //	get the children and make sure we haven't opened this yet.
			        var c = p.getChildren();
			        for (var i = 0; i < c.length; i++) {
			            if (c[i].title == title) {
			                p.selectChild(c[i]);
			                return;
			            }
			        }
			        var paneOnLoad = function () { }
			        var pane = new dijit.layout.ContentPane({
			            //href: url,
			            title: title,
			            closable: true,
			            content: "<iframe src='" + page + "' frameborder=0 width='100%' height='100%'></iframe>",
			            parseOnLoad: false,
			            onLoad: dojo.hitch(pane, paneOnLoad)
			        });
			        p.addChild(pane);
			        p.selectChild(pane);
			        //debugger
			        //closeTabPane("桌面");
			        return pane;
			    };
			    _addTabPage = addTabPane;

			    //关闭TabPane
			    closeTabPane = function (title) {
			        var p = dijit.byId("topTabs");
			        //	get the children and make sure we haven't opened this yet.
			        var c = p.getChildren();
			        for (var i = 0; i < c.length; i++) {
			            if (c[i].title == title) {
			                p.removeChild(c[i]);
			                return;
			            }
			        }
			    }
			    // ----------------------------------
			    // 
			    // ----------------------------------
			    closeCTabPane = function () {
			        var p = dijit.byId("topTabs");
			        //	get the children and make sure we haven't opened this yet.
			        var c = p.selected;
			        p.removeChild(c);

			    }

			    /***
			    dojo.ready(function({)
			    // use "before advice" to print log message each time resize is called on a layout widget
			    var origResize = dijit.layout._LayoutWidget.prototype.resize;
			    dijit.layout._LayoutWidget.prototype.resize = function(mb){
			    console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
			    origResize.apply(this, arguments);
			    };
		
			    // content pane has no children so just use dojo's builtin after advice
			    dojo.connect(dijit.layout.ContentPane.prototype, "resize", function(mb){
			    console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
			    });
			    });
			    ***/
			});
            
	</script>
</head>
<body class="claro">
    <!-- basic preloader: -->
    <div id="loader">
        <div id="loaderInner" style="direction: ltr;">
            正在加载中...
        </div>
    </div>
    <div id="avater">
        <span>
            <img src="Resources/avater/<%=UserName %>.jpg" style="width:50px;" /></span>
    </div>
    <!-- data for tree and combobox -->
    <div data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-id="continentStore" data-dojo-props="url:'dojo-release-1.7.2-src/tests/_data/countries.json'">
    </div>
    <div data-dojo-id="continentModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:continentStore, query:{type:"continent"},
		rootId:"continentRoot", rootLabel:"Continents", childrenAttrs:["children"]'>
    </div>
    <div data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-id="stateStore" data-dojo-props="url:'../dojo-release-1.7.2-src/tests/_data/states.json'">
    </div>
   
    <!-- 框架 -->
    <div id="main" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="liveSplitters:false, design:'headline'" gutter="false">
        <%--<div id="header" data-dojo-type="dijit.layout.ContentPane" style="height:30px;bgcolor:#eee" data-dojo-props="region:'top'">--%>
        <div id="header" data-dojo-type="dijit.MenuBar" data-dojo-props="region:'top'" style="height: 35px;">
            <div style="font-size: 20pt; font-family: @Adobe 黑体 Std R">
                iSun Studio 整体解决方案</div>
        </div>
        <div id="centerheader" data-dojo-type="dijit.MenuBar" data-dojo-props="region:'center'">
        </div>
        <!--菜单导航-->
        <div data-dojo-type="dijit.layout.AccordionContainer" data-dojo-props="region:'leading', splitter:true, minSize:20" style="width: 200px;" id="leftAccordion">
            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"快捷方式"'>
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"功能菜单"'>
                <!-- tree widget -->
                <div data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-id="continentStore" data-dojo-props="url:'treeview.xhjson'">
                </div>
                <div data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-id="continentModel" data-dojo-props="store:continentStore, query:{ParentID:'b931a16f-2859-45b3-ab02-b67ca89d38e9'},
                  childrenAttrs:['children']">
                </div>
                <div data-dojo-type="dijit.Tree" id="mytree" data-dojo-props="model:continentModel, openOnClick:true,showRoot: false,">
                    <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="item">
                    _addTabPage(item.URL+"&functionid="+item.ID,item.Name,'0.0');
                //    alert("Execute of node " + continentStore.getLabel(item)
                //        +", population=" + continentStore.getValue(item, "www"));
                    </script>
                </div>
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='selected:true, title:"行事历"'>
                <!-- calendar widget pane -->
                <div id="navTree">
                </div>
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Color Picker"'>
                <div dojotype="dijit.Tree" model="model" id="tree">
                </div>
            </div>
        </div>
        <!-- end AccordionContainer -->
        <!--功能展示页占位中间 (marked as "center" to take up the main part of the BorderContainer) -->
        <div  data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" style="padding:0px;">
        <div data-dojo-type="dijit/layout/TabContainer"  id="topTabs" style="padding:0px;">
            <div id="basicFormTab" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'桌面', style:'padding:10px;display:none;'">
                <h2>
                    Buttons</h2>
                <p>
                    Buttons can do an action, display a menu, or both:</p>
                Enabled:
                <button data-dojo-type="dijit.form.Button" data-dojo-props="iconClass:'dijitIconTask', onClick:function(){ console.debug('clicked simple') }">
                    Simple
                </button>
                <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'dijitIconEdit'">
                    <span>Drop Down</span>
                    <div data-dojo-type="dijit.Menu" id="editMenu1" style="display: none;">
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconCut',
							onClick:function(){ console.debug('not actually cutting anything, just a test!') }
						">
                            Cut</div>
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconCopy',
							onClick:function(){ console.debug('not actually copying anyything, just a test!'); }
						">
                            Copy</div>
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconPaste',
							onClick:function(){ console.debug('not actually pasting anyything, just a test!'); }
						">
                            Paste</div>
                    </div>
                </div>
                <div data-dojo-type="dijit.form.ComboButton" data-dojo-props='iconClass:"dijitIconSave", optionsTitle:"save options", onClick:function(){ console.log("clicked combo save"); }'>
                    <span>Combo</span>
                    <div data-dojo-type="dijit.Menu" id="saveMenu1" style="display: none;">
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconSave',
							onClick: function(){ console.debug('not actually saving anything, just a test!') }
						">
                            Save</div>
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							onClick: function(){ console.debug('not actually saving anything, just a test!') }
						">
                            Save As</div>
                    </div>
                </div>
                <div data-dojo-type="dijit.form.ToggleButton" data-dojo-props="
					checked:true, 
					onChange: function(a){ console.log('toggle button checked=' + a); }, iconClass:'dijitCheckBoxIcon'
				">
                    Toggle
                </div>
                <hr class="spacer">
                Disabled:
                <button data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitIconTask", disabled:true' disabled>
                    Simple
                </button>
                <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"dijitIconEdit", disabled:true'>
                    <span>Drop Down</span>
                    <ul data-dojo-type="dijit.Menu" id="editMenu2" style="display: none;">
                        <li data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconCut',
							onClick: function(){ console.debug('not actually cutting anything, just a test!') }
						">Cut</li>
                        <li data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconCopy',
							onClick: function(){ console.debug('not actually copying anything, just a test!') }
						">Copy</li>
                        <li data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconClass:'dijitIconPaste',
							onClick: function(){ console.debug('not actually pasting anything, just a test!') }
						">Paste</li>
                    </ul>
                </div>
                <div data-dojo-type="dijit.form.ComboButton" data-dojo-props="iconClass:'dijitIconSave', optionsTitle:'save options', disabled:true">
                    <span>Combo</span>
                    <div data-dojo-type="dijit.Menu" id="saveMenu2" style="display: none;">
                        <div data-dojo-type="dijit.MenuItem" data-dojo-props="
							iconCLass:'dijitIconSave',
							onClick:function(){ console.log('not actually saving anything, just a test!' ); }
						">
                            Save</div>
                        <div data-dojo-type="dijit.MenuItem" onclick="console.debug('not actually saving anything, just a test!')">
                            Save As
                        </div>
                    </div>
                </div>
                <button data-dojo-type="dijit.form.ToggleButton" data-dojo-props="checked:true, disabled:true, iconClass:'dijitCheckBoxIcon'">
                    Toggle
                </button>
                <hr class="spacer">
                <h2>
                    CheckBox</h2>
                <fieldset>
                    <input id="check1" type="checkBox" data-dojo-type="dijit.form.CheckBox">
                    <label for="check1">
                        unchecked</label>
                    <input id="check2" type="checkBox" data-dojo-type="dijit.form.CheckBox" data-dojo-props="checked:true" checked="checked">
                    <label for="check2">
                        checked</label>
                    <input id="check3" type="checkBox" data-dojo-type="dijit.form.CheckBox" data-dojo-props='disabled:true' disabled>
                    <label for="check3">
                        disabled</label>
                    <input id="check4" type="checkBox" data-dojo-type="dijit.form.CheckBox" data-dojo-props='disabled:true, checked:true' checked="checked" disabled>
                    <label for="check4">
                        disabled and checked</label>
                </fieldset>
                <h2>
                    Radio Buttons</h2>
                <fieldset>
                    <input type="radio" name="g1" id="g1rb1" value="news" data-dojo-type="dijit.form.RadioButton">
                    <label for="g1rb1">
                        news</label>
                    <input type="radio" name="g1" id="g1rb2" value="talk" data-dojo-type="dijit.form.RadioButton" data-dojo-props='checked:true' checked>
                    <label for="g1rb2">
                        talk</label>
                    <input type="radio" name="g1" id="g1rb3" value="weather" data-dojo-type="dijit.form.RadioButton" data-dojo-props='disabled:true' disabled>
                    <label for="g1rb3">
                        weather (disabled)</label>
                </fieldset>
            </div>
            <!-- end of basic form widgets -->
            <%--
			<div id="closableTab" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Closable", 
				style:"display:none; padding:10px;", closable:true'>
				This pane is closable, just for the icon ...
			</div>--%>
        </div>
        <!-- end of region="center" TabContainer -->
        <!-- bottom right tabs -->
        <!-- end Bottom TabContainer -->
         </div>
    </div>
    <!-- end of BorderContainer -->
    <!-- dialog in body -->
    <div id="dialog1" data-dojo-type="dijit.Dialog" style="display: none;" data-dojo-props="
		title:'Floating Modal Dialog from href',
		href:'../tests/layout/getResponse.php?delay=3000&amp;messId=3',
		style: 'width: 400px;',
		refreshOnShow:true
	">
    </div>
    <div id="dialogAB" data-dojo-type="dijit.Dialog" data-dojo-props="title:'Floating Modal Dialog'" style="display: none;">
        <div class="dijitDialogPaneContentArea">
            <table>
                <tr>
                    <td>
                        <label for="name">
                            Name:
                        </label>
                    </td>
                    <td>
                        <input data-dojo-type="dijit.form.TextBox" type="text" name="name" id="name">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="loc">
                            Location:
                        </label>
                    </td>
                    <td>
                        <input data-dojo-type="dijit.form.TextBox" type="text" name="loc" id="loc">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="loc">
                            Number:
                        </label>
                    </td>
                    <td>
                        <input data-dojo-type="dijit.form.NumberTextBox" type="text" name="loc" id="Text1">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="date">
                            Date:
                        </label>
                    </td>
                    <td>
                        <input data-dojo-type="dijit.form.DateTextBox" type="text" name="date" id="date">
                    </td>
                </tr>
            </table>
        </div>
        <div class="dijitDialogPaneActionBar">
            <button data-dojo-type="dijit.form.Button" type="submit" id="ABdialog1button1">
                OK</button>
            <button data-dojo-type="dijit.form.Button" type="button" data-dojo-props="onClick:function(){ dijit.byId('dialogAB').onCancel(); }" id="ABdialog1button2">
                Cancel</button>
        </div>
    </div>
</body>
</html>
